<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--引入vue和axios-->
    <script src="js/plugins/vue/dist/vue.js"></script>
    <script src="js/plugins/axios/dist/axios.js"></script>
    <!-- 全局的基础配置文件 -->
    <script src="js/plugins/common.js"></script>
</head>
<body>
    <div id="app"></div>
</body>
    <script type="text/javascript">
        new Vue({
            el: "#app",
            data:{},
            methods:{

            },
            mounted(){
                //页面只要加载就获取code
                //先获取地址栏内容
                var url=location.href;
                //工具类 把字符串的参数解析为json格式对象{"code":"xxxxxxx","其他":"xxx"}
                var jsonObj=parseUrlParams2Obj(url);
                //获取code内容 通过K（code）获取V内容 发送给后端
                var code=jsonObj.code;

                //只有一个参数 直接+号拼接 携带参数发送微信异步登录请求
                this.$http.get("/login/weChat/"+code)
                .then(res=>{
                    if(res.data.success){
                        //获取token
                        var token = res.data.resultObj.token;
                        // 用户信息
                        var logininfo = res.data.resultObj.logininfo;
                        localStorage.setItem("token",token);
                        // JSON.stringify(logininfo) 把json对象转成json字符串
                        localStorage.setItem("logininfo",JSON.stringify(logininfo));

                        //跳转到首页
                        location.href="index.html"
                    }else{
                        // 后端返回的 String param = "?accessToken="+access_token+"&openId="+openid;
                        var param=res.data.resultObj;
                        //param作为参数跟在请求地址后面 跳转到绑定页面
                        location.href="binder.html"+param;
                    }

                }).catch(res=>{

                })
            }
        })

    </script>
</html>